<template>
    <view class="p-[30rpx] bg-white">
        <view className="flex justify-between items-center mb-[40rpx]">
            <view className="flex items-center">
                <IconFont font-class-name="iconfont" class-prefix="icon" name="yonghuhuaxiang" size="30"
                    color="#003399" />
                <text className="text-[36rpx text-gray-800 ml-[10rpx]">健康画像</text>
            </view>
            <view className="bg-blue-50 px-[30rpx] py-[15rpx] rounded-full">
                <text className="text-[28rpx] text-blue-500">2025年7月汇总</text>
            </view>
        </view>
        <view class="flex justify-between">
            <view class="flex-1 flex flex-col items-center border-r border-gray-200 py-[20rpx]">
                <text class="text-[56rpx] font-bold text-blue-500 mb-[15rpx]">31</text>
                <text class="text-[28rpx] text-gray-600">居家医疗</text>
            </view>

            <view class="flex-1 flex flex-col items-center border-r border-gray-200 py-[20rpx]">
                <text class="text-[56rpx] font-bold text-blue-500 mb-[15rpx]">0</text>
                <text class="text-[28rpx] text-gray-600">居家护理</text>
            </view>

            <view class="flex-1 flex flex-col items-center py-[20rpx]">
                <text class="text-[56rpx] font-bold text-blue-500 mb-[15rpx]">0</text>
                <text class="text-[28rpx] text-gray-600">家庭服务</text>
            </view>
        </view>
    </view>

</template>

<script setup>
import { IconFont } from '@nutui/icons-vue-taro'
import Taro from '@tarojs/taro'
</script>